
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>
<%@page language="java" import="java.util.Date"%>
<%@ page import="java.util.*"%> 
<%@ page import="java.text.*"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
    <script src="js/echarts.min.js"></script>
     
  </head>
   <style type="text/css">

   div#main{
    width: 350px;
    height:350px;
   }
  #top{
width:100%;
height:100px;
background-image:url(images/top.png);
background-size:100% 100%

}
b{
font-size:24px;
color:#000000;
line-height:100px;

}
#left{
width:20%;
height:470px;
float:left;
background-color:#99CCFF
}
#right{
width:69%;
height:470px;
float:right
}
#button{
width:100%;
height:30px;
float:right;
background-color:#cccccc;
text-align:center
}
td{
text-align:center}
</style>
  <body>
  <div id="top">
        <center><b>学生界面</b></center>
      </div>
        <div id="left">
               <table width="196"  height="80" >                   
               <tr><td>
			   <a href="index.jsp">返回</a>
			   </td></tr>
               </table>
          </div> 
          <div id="right">
          <table>  
          <tr>
  				<th>学号</th>
  				<th>C语言</th>
  				<th>体育</th>
  				<th>工程实践</th>
  				<th>数学</th>
  				<th>毛概</th>
  				<th>英语</th>
  		</tr>
 		<s:iterator value="gradelist">
 			<tr>
				<td><s:property value="stuid"/></td>
				<td><s:property value="c"/></td>
				<td><s:property value="pe"/></td>
				<td><s:property value="gcsj"/></td>
				<td><s:property value="math"/></td>
				<td><s:property value="mg"/></td>
				<td><s:property value="english"/></td>
				
			</tr>
		</s:iterator>
        </table>
<form name="form" id="form">
<input type="hidden" name="c" value="${gradelist.get(0).getC()}" /> 
<input type="hidden" name="pe" value="${gradelist.get(0).getPe()}" /> 
<input type="hidden" name="gcsj" value="${gradelist.get(0).getGcsj()}" /> 
<input type="hidden" name="math" value="${gradelist.get(0).getMath()}" /> 
<input type="hidden" name="mg" value="${gradelist.get(0).getMg()}" /> 
<input type="hidden" name="english" value="${gradelist.get(0).getEnglish()}" /> 
</form>
          <div id="main"></div> 
</div>
<div id="button">学生技能展示系统</div>
<script type="text/javascript">
     var myChart = echarts.init(document.getElementById('main'));
     var c=document.form.c.value;
     var pe=document.form.pe.value;
     var gcsj=document.form.gcsj.value;
     var math=document.form.math.value;
     var mg=document.form.mg.value;
     var english=document.form.english.value;
        var option = {
              title: {
              },
   
              tooltip: {},
   radar: {
        shape: 'circle',
      
         indicator: [
          
          { name: '专业技能', max: 100},
       
          { name: '身体素质', max:100},
       
          { name: '动手实践', max:100},
    
          { name: '数理水平', max: 100},
        
          { name: '文化素养', max:100 },
     
          { name: '外语水平', max: 100}
        ]
    },
   
 series: [{
      
       name: '雷达图',
      
      type: 'radar',
     
       data : [
       {
       
         value :[c,pe,gcsj,math,mg,english],
            },
        ]
 }
]

};
            

        myChart.setOption(option);
    </script>
  </body>
</html>
